<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>权重注意点</title>
    <style>
        /*
        注意点：
        1.权重的有4组数字组成，但是不会有进位。
        2.• 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important
        3.等级判断从左向右，如果某一位数值相同，判断下一位数值。
        4.可以简单记忆：通配符和继承权重为0 通配符选择器为1  标签选择器为10  类选择器为100  id选择器为100  行内样式为1000  !important无穷大
        5.继承的权重是0，如果该元素没有直接选中，不管父元素权重多高，子元素得到权重都是0
        */
        .id {
            color: #ffa500;
        }

        p {
            color: #87ceed;
        }

        body {
            color: red;
        }

        /* a链接浏览器默认制定了一个样式 蓝色的 有下划线  a {color: blue;}*/
        a {
            color: greenyellow;
        }
    </style>
</head>
<body>
<div id="father">
    <p>你还是很好看</p>
</div>
<a href="#">我是单独的样式</a>
</body>
</html>